// pages/card/card.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
      rubbishName:"",//输入框收集的垃圾名
      rubbishList:[]//存储返回的垃圾分类数组
  },
  //前后端交互三要素
        // 1 什么时候调用这个接口
        // 2 要发送的数据如果获取到
        // 3 后端返回的数据如何使用
  // 点击按钮调用获取垃圾分类的接口
  getRubbish(){
      wx.request({
        url:"https://api.oioweb.cn/api/common/rubbish",
        method:"get",
        data:{
          name:this.data.rubbishName
        },
        success:(res)=>{
           console.log(res)
          //  循环后台返回的数据根据type新增typeStr字段
        
           if(res.data.code==200){   
                  let arr=res.data.result.map(item=>{
                    if(item.type==0){
                      item.typeStr="可回收垃圾"
                    }else if(item.type==1){
                      item.typeStr="有害垃圾"
                    }else if(item.type==2){
                      item.typeStr="湿垃圾"
                    }else if(item.type==3){
                      item.typeStr="干垃圾"
                    }
                  return item
                })
              this.setData({
                rubbishList:arr,
                rubbishName:""//清空输入框
              })
            }else{
              // 小程序的轻提示效果
              // 框架 组件 api
                wx.showToast({
                  title:"暂无数据",
                  icon:"error" //loading success none error 错误
                })
            }
        }
      })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
 

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})